<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title></title>
    <meta content="" name="keywords">
    <meta content="" name="description">
    <link rel="stylesheet" href="css/13.css">
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript">
        !function () {
            var htmlEl = document.getElementsByTagName('html')[0];
            var fitPage = function () {
                /* The calculate of with from zepto  */
                var w = htmlEl.getBoundingClientRect().width;
                w = Math.round(w);
                w = w > 750 ? 750 : w;
                var newW = w / 750 * 100;
                htmlEl.style.fontSize = newW + 'px';
            }
            fitPage();
            var t;
            var func = function () {
                clearTimeout(t);
                t = setTimeout(fitPage, 25);
            }
            window.addEventListener('resize', func);
        }();
    </script>
</head>
<body>
<header class="dc-header dc-header-fixed">

</header>
<section class="dc-content">
    <form class="layui-form" action="">
        <div class="dc-7-box">
            <div class="dc-7-box-title">
                订单状态:待支付
                <span style="float: right;">支付剩余时间:08:15</span>
            </div>

            <hr class="dc-7-box-line" style="margin: 0.2rem 0;"/>
            <div class="box-btn-group">
                <div class="box-btn box-btn-c">取消订单</div>
                <div class="box-btn box-btn-r">去支付</div>
            </div>
        </div>
        <div class="dc-7-last-box">
            <div class="dc-7-last-box-inner">
                <div class="dc-7-box-title">
                    订单内容
                </div>
            </div>
            <hr class="dc-7-box-line"/>
            <div class="dc-7-last-box-inner">
                <div class="datetime">2017-02-24&nbsp;周五</div>
                <div class="dc-7-box-title" style="border: none;font-size: 0.28rem;">
                    早餐
                </div>
                <div class="goods-list">
                    <span>老上海糖醋排骨</span>
                    <span class="item-right"><span class="item-count">X1</span><span class="red">￥10.5</span></span>
                </div>
                <div class="goods-list">
                    <span>老上海糖醋排骨</span>
                    <span class="item-right"><span class="item-count">X1</span><span class="red">￥10.5</span></span>
                </div>
                <hr class="dc-7-box-line" style="margin: 0"/>
                <div class="goods-list">
                    <span>餐盒费</span>
                    <span class="item-right"><span class="red">￥10.5</span></span>
                </div>
                <hr class="dc-7-box-line" style="margin: 0"/>
                <div class="goods-list">
                    <span  class="dc-7-box-title" style="border: none;font-size: 0.28rem;">合计支付</span>
                    <span class="item-right"><span class="red">￥10.5</span></span>
                </div>
            </div>
        </div>
        <div class="dc-7-last-box">
            <div class="dc-7-last-box-inner">
                <div class="dc-7-box-title">
                    配送信息
                </div>
            </div>
            <hr class="dc-7-box-line"/>
            <div class="dc-7-last-box-inner">
                <div class="goods-list">
                    <span class="item-title">工号：</span>
                    <span class="item-right-c">1001</span>
                </div>
                <div class="goods-list">
                    <span class="item-title">送餐地点：</span>
                    <span class="item-right-c">2号楼6楼608-023床</span>
                </div>
                <div class="goods-list">
                    <span class="item-title">联系手机号：</span>
                    <span class="item-right-c">15100998877</span>
                </div>

            </div>
        </div>
        <div class="dc-7-last-box">
            <div class="dc-7-last-box-inner">
                <div class="dc-7-box-title">
                    订单信息
                </div>
            </div>
            <hr class="dc-7-box-line"/>
            <div class="dc-7-last-box-inner">
                <div class="goods-list">
                    <span class="item-title">订单号：</span>
                    <span class="item-right-c">1001</span>
                </div>
                <div class="goods-list">
                    <span class="item-title">下单时间：</span>
                    <span class="item-right-c">2017-02-09&nbsp;15:15:34</span>
                </div>
                <div class="goods-list">
                    <span class="item-title">支付方式：</span>
                    <span class="item-right-c">员工卡</span>
                </div>

            </div>
        </div>

    </form>
</section>
<script src="js/index.js"></script>
<script>
    layui.use(['form', 'layedit', 'laydate'], function () {
    });
</script>
</body>
</html>